
        *{
            padding: 0;
            margin: 0;
        }
        body{
        	font-family: "微软雅黑","宋体","Arail";
		    font-size: 20px;
		    outline: none;
            position: relative;
            width: 100%;
        }
        ul{
            list-style: none;

        }

        
        #header{
            position:relative;
            z-index: 100;
        }

        #nav_left_bar{
            float: left;
        }

        #nav_right_bar{
        	position: absolute;
        	top: 20px;
            right: 30px;
            font-size: 40px;

        }
        #nav_right_bar a{
        	color: gray;
        	text-decoration: none;

        }

       
		/* 正常显示的内容样式开始 */

        #nav{
            position: absolute;
            left: 0;right: 0;bottom: 0;top:0;
            margin:0 auto;
            width: 90%;
            padding-top: 20px;
        }
        /*h5logo部分样式*/
        #logo{
        	position: absolute;
        	left: 0px;
        }
        #logo dl dd{
        	float: left;
        	font-size: 0.7em;
		    line-height: 18px;
		    margin-top: 5px;
		    margin-right:10px;
		    color: gray;
        }
        .logo_wz2{
        	font-size: 0.6em;
        }
        #c2{
        	width: 3px;
		    height: 45px;
		    background: #3e3e3e;
		    margin-right: 10px;

		        }
		/*h5logo部分样式结束*/

		/*正常连接样式开始*/
        #lianjie{
        	position: absolute;
        	right: 120px;
        	transition: all .5s;
        }
        #lianjie li{
            height: 60px;
            float: left;
            font-size: 14px;
            margin-right: 10px;
            margin:5px 10px;
            
        }
        #lianjie li a{
        	text-decoration: none;
        	color:gray;
        }
        /*正常连接样式结束*/

         /*搜索栏样式开始*/

		#searchlable{
            height: 22px;
            border: none;
            position: absolute;
            top: 0px;
            cursor: pointer;
        }
    .search .sub_but {
                 width: 22px;
                 height: 22px;
                 position:absolute;
                 right:5px;
                 top:0px;
                 background: url(../images/search.png) no-repeat center;
                 border: 0px ;
                  cursor: pointer;
             }
    	.search .search_txt {
		    width: 0px;
		    height: 22px;
		    background:none;
		    border:1px solid gray;
		    border-radius: 22px;
		    transition: all .5s;
		    opacity: 0;
            position:absolute;
            right: 5px;
            top: -1px;
             cursor: pointer;
		}

		.search:hover .sub_but{
                    background: url(../images/search_h.png) no-repeat center;
                }
        /*搜索栏样式结束*/

        /*上下滑动的图标样式开始*/
        #link {
        	position: absolute;
        	right: 0px;
            top: 25px;
        }
        #link ul li{
        	float: right;
        	margin:0 5px;
        	position: relative;

        }
        /*上下滑动的图标样式结束*/
        
        /*三个图标上下滑动的动画*/
        .icon_l{
        	width: 22px;
        	height: 22px;
        	overflow: hidden;
        	position: relative;
            top: 0px;
        }
        .icon1{
        	position: absolute;
        	top: 0px;
        	transition: all .5s;

        }
        .icon2{
        	position: absolute;
        	top: 22px;
        	transition: all .5s;
        }
        .icon_l:hover .icon1{
        	top: -22px;
        }
        .icon_l:hover .icon2{
        	top: 0px;
        }
        /*三个图标上下滑动的动画结束*/
         /*二维码出现和消失动画*/
        .frame{
        	position:absolute;
        	display: none;
        	top: 35px;
        	right:-40px;
        }
        .f_con{
        	width: 100px;
        	height: 100px;
        	background-color: gray;
        	position: relative;
        	opacity: 0.7;
        }
        .f_con img{
        	width: 90px;
        	height: 90px;
        	position: absolute;
        	left: 0; top: 0; right: 0; bottom: 0;
        	margin: auto;
        }
        #link ul li:hover .frame{
        	display: block;
        }
        .tel{
        	width: 150px;
        	height: 30px;
        	background-color: gray;
        	line-height: 30px;
        	text-align: center;
        	color: #fff;
            font-size:14px;
        }
        /*二维码出现和消失动画结束*/

        
        /*响应式的连接样式*/
        #xylj{
        	position: absolute;
        	right: 0px;
        	height: 620px;
        	width: 250px;
        	background-color: black;
        	z-index: 50;
            font-size: 18px;
        }
        #xylj ul{
        	margin-top: 100px;
        	padding-left: 10px;
        }
        #xylj ul li{
        	height: 50px;
        	border-top: 1px dashed gray;
        	padding-left: 10px;
        	line-height: 50px;
        }
        #xylj ul li a{
        	color: gray;
        	text-decoration: none;
        }
        #dl1{
        	margin: 20px auto;
        }
        #dl1 dd{
        	float: left;
        	margin:0 15px;

        }

         /*响应式的连接样式结束*/
        /*
         响应式关键代码,m媒体查询
        */

        @media all and (max-width: 1920px) {  /* pc */
            #nav_left_bar,#nav_right_bar,#xylj,.link_list{
                display: none;
            }
            #nav {
                display: block;
            }
        }

        @media all and (max-width: 1023px) {  /* 平板*/
            #nav_left_bar,#nav_right_bar{
                display: block;
            }
            #nav_right_bar{
            	z-index: 100;
            }
            #nav{
            	width: 90%;
            }

            #nav ul{
                display: none;
            }
           
        }
          @media all and (max-width: 645px) {  /* 手机 */
            #nav_left_bar,#nav_right_bar{
                display:block;
            }
          #nav ul{
          	display: none;
          }
          #logo #c2,#c3{
          	display:none;
          }
        }



        

